<template>
  <div class="income-expense-category section-card">
    <h3>收支分类 <el-button size="small">设置</el-button></h3>
    <Chart />
    <ul>
      <li v-for="category in categories" :key="category.name">
        {{ category.name }}: ¥{{ category.amount }}/{{ category.limit }}
        <el-progress :percentage="(category.amount / category.limit) * 100" />
      </li>
    </ul>
  </div>
</template>

<script lang="ts" setup>
import Chart from '@/components/Chart/index.vue';

const categories = [
  { name: '吃饭', amount: 1012, limit: 1500 },
  // 更多数据...
];
</script>

<style scoped>
.income-expense-category {
  
}
</style> 